11772702 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

大人の楽天生活 スローライフを楽しむ情報Blog楽天生活です

大人の楽天生活 スローライフを楽しむ情報Blog楽天生活です

楽天タグ

楽天タグ

楽天広場用タグ、普通のサイトには<HEAD>タグや<BODY>タグがありますが楽天広場の場合は使用できません。
もちろんふつうの<HEAD>~</HEAD>にいれるスタイルシートも使えません

楽天ではスタイルシートの代わりに変な物を使います。
普通のサイトで使っている人は
あまりいないと思いますが、まずこれは背景色の指定です。

<CENTER style="width:650;height:200;background-color:#00ffcc;">ここに文字</CENTER>

色はここでコードを作って張り替えよう

オレンジの部分幅、高さ、色、文字は適当に変えて下さい。


実線を付けました。
<CENTER style="width:650;height:200;border-style:solid;border-color:#000000;border-width:2px;background-color:#ff9999;">ここに文字
</CENTER>

オレンジの部分幅、高さ、実線の色、背景色、文字は適当に変えて下さい。


点線の枠
<CENTER style="width:650;height:200;border-style:dotted;border-color:#ff0066;border-width:2px;background-color:#ff9999;">ここに文字
</CENTER>

border-width:2px数字を大きくすると豆電球のようになります。

普通こんな感じでスタイルを指定します。

<STYLE type="text/css">
<!--
BODY{
border-width : 20px;
border-style : ridge;
border-color : #ff0066;
}
-->
</STYLE>

そうするとブラウザを囲うように枠がつきますが使えないので
width:650;height:200で大きさを指定します。


<CENTER style="width:650;height:200;border-style:ridge;border-color:#ff0066;border-width:20px;">
ここに文字</CENTER>
style:ridge リッヂと言うのは盛り上がりの事だな。美容学校では。
20px
 枠の太さpxは省いても可


上のものに背景色をつけ文字の色、大きさも指定しました。


<CENTER style="width:650;height:200;border-style:ridge;border-color:#ff0066;border-width:20px;background-color:#ffcccc;"><FONT color="#0033ff" size="5">ここに文字</FONT></CENTER>

FONT color="#0033ff" size="5" の"は無くても大丈夫です。


その他にも;border-style:の後に入れる命令は次のようなものがあります。暇な人は入れ替えてみて下さい。

double groove  dashed  inset  outset 


楽天生活楽天市場らくらくショッピングガイドらくらくコピペ楽天サーフィンみゅうちゃん You Big気ままな生活
アフィリエイトの始めかた初めての方楽天市場案内2楽天市場案内プロフィールLINKDIARYBBS


当サイトのどのページもリンクはフリーです
コピペ用HTMLソース、テンプレートの使用もすべてOKですが、
そのまま二次配布、加工しての二次配布はご容赦願います。

Copyright (C) 楽天生活 2003-2004 All Rights Reserved



top



© Rakuten Group, Inc.